iT邦幫忙

2022 iThome 鐵人賽

DAY 24
0
自我挑戰組

商科生初探網頁全端開發系列 第 24

Day24- JavaScript String Methods

  • 分享至 

  • xImage
  •  

在前一天的文章中介紹了string.length此語法算是String Property,而不是今天介紹的String Method。

那麼String Property V.S.String Method有何差別呢? 參考了外國論壇後發現一個不錯的比喻:

想像有個String是一台重型機車,String Property就像是它的各項規格,如車長、輪框、離合器等等,這些是本身內建在重機的組成裡;而String Method是指你能用這台重機做什麼事情,如拿去維修、更換零件、跑山等等,有點類似用什麼方式來使用這台車。


這邊介紹幾個相當常用的String Methods,其語法為thing.method();:
1.string.toUpperCase()
https://ithelp.ithome.com.tw/upload/images/20220924/20151031HQWn10ZtkZ.png
這裡先定義變數favFootballTeam為字串 "Liverpool FC"
再利用toUpperCase()這個Method來為字串中所有字元改為英文大寫形式。
務必注意不可忽略(),否則無法正確執行。


2.string.toLowerCase()https://ithelp.ithome.com.tw/upload/images/20220924/20151031GM5Tt6VX84.png
反之toLowerCase()則使字串中所有字元改為英文小寫形式。


3.string.trim()https://ithelp.ithome.com.tw/upload/images/20220924/20151031dyFCb8G87A.png
定義變數highestMountain = " Mt.Everest "
再使用trim()來去除字串頭尾向外的空白字元,便可得出"Mt.Everest"

請注意trim並無法去除空白字元,如圖_下底線並無法被消去。


有些Method的括號中能輸入值,這裡稱作Arguments,可以調整Method的結果,請看示範:
4.string.indexOf(arguments)https://ithelp.ithome.com.tw/upload/images/20220924/20151031CH5bCrJQ8R.png
輸入indexOf('T')意指在字串中尋找字元"T"的位置,結果為0,是指"T"在0的位置。
輸入indexOf('of')意指在字串中尋找字元"of"的位置,結果為13,是指"of"在13的位置。
輸入indexOf('z')意指在字串中尋找字元"z"的位置,結果為-1,是指無法在字串中找到該字元。
此法可以用來檢視字串中是否含有特定值。


5.string.slice(beginIndex,[ endindex])https://ithelp.ithome.com.tw/upload/images/20220924/20151031gaBWnPEfDG.png
同原例,輸入"True mastery of any skill takes a lifetime.".slice(5)後,將切除字串中第5字元以前的字元,得出新字串'mastery of any skill takes a lifetime.'

如果多輸入截止點呢?輸入"True mastery of any skill takes a lifetime.".slice(5,12),得出新字串'mastery',此處的截止點第12字元並不包含其本身,所以實際上擷取的字元為第5到第11位。

待續......


上一篇
Day23-JavaScript String(字串)
下一篇
Day25-Javascript String Template Literals
系列文
商科生初探網頁全端開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言